<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自提订单</title>
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/zitidingdan.css">
</head>

<body>
    <div class="container">
        <header class="top">
            <div class="title">
                <p>我的订单</p>
            </div>
        </header>
        <section class="content">
            <div class="nav">
                <p class="p1">全部</p>
                <a href="./zitidingdan.html">
                    <p>自提订单</p>
                </a>
                <a href="./peisongdingdan.html">
                    <p>配送订单</p>
                </a>
            </div>
        </section>
        <div class="item">
            <div class="head border-bottom-hr">
                <a href="./dingdanxiangqing.html">
                    <div class="tag"><span>自提</span></div>
                </a>
                <a href="./dingdanxiangqing.html">
                    <span class="shop-name">湖北银行店</span>
                </a>
                <div class="pay float-right">
                    <span class="pay-tip float-right">待付款</span>
                    <br/>
                    <span class="pay-time">还剩4分59秒</span>
                </div>
            </div>
            <div class="body border-bottom-hr float-clear">
                <div class="goods">
                    <a href="./dingdanxiangqing.html">
                        <span class="goods-name">冲绳黑糖拿铁</span>
                        <br>
                    </a>
                    <span class="goods-time">2021-09-21 12:26</span>
                </div>

                <div class="money float-right">
                    <span class="goods-number">共1件商品</span>
                    <span class="goods-money">￥19.9</span>
                </div>
            </div>
            <div class="footer float-clear">
                <input type="button" value="去支付" class="float-right">
            </div>
        </div>
        <div class="item">
            <div class="head border-bottom-hr">
                <a href="./dingdanxiangqing.html">
                    <div class="tag"><span>配送</span></div>

                    <span class="shop-name">汉街总部国际E座店</span>
                </a>
                <div class="pay float-right">
                    <span class="pay-tip float-right">待付款</span>
                    <br/>
                    <span class="pay-time">还剩4分59秒</span>
                </div>
            </div>
            <div class="body border-bottom-hr float-clear">
                <div class="goods">
                    <a href="./dingdanxiangqing.html">
                        <span class="goods-name">冲绳黑糖拿铁</span>
                        <br>
                        <span class="goods-time">2021-09-21 12:26</span>
                    </a>
                </div>

                <div class="money float-right">
                    <span class="goods-number">共1件商品</span>
                    <span class="goods-money">￥19.9</span>
                </div>
            </div>
            <div class="footer float-clear">
                <input type="button" value="去支付" class="float-right">
            </div>
        </div>
        <div class="item">
            <div class="head border-bottom-hr">
                <a href="./dingdanxiangqing-1.html">
                    <div class="tag"><span>配送</span></div>
                </a>
                <a href="./dingdanxiangqing-1.html"> <span class="shop-name">汉街总部国际E座店</span></a>
                <div class="pay float-right">
                    <span class="cancel float-right">已取消</span>
                    <br/>
                </div>
            </div>
            <div class="body border-bottom-hr float-clear">
                <!-- <a href="./dingdanxiangqing-1.html"> -->
                <div class="goods">
                    <span class="goods-name">冲绳黑糖拿铁</span>
                    <br>
                    <span class="goods-time">2021-09-21 12:26</span>
                </div>
                <!-- </a> -->

                <div class="money float-right">
                    <span class="goods-number">共1件商品</span>
                    <span class="goods-money">￥19.9</span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>